<template>
    <div >
        <section class="body" v-show="layer">
            <div class="loading">
                <img :src="img" alt="" v-show="!nomore">
                <p class="no-more" v-show="nomore">...</p>
            </div>
        </section>
    </div>
</template>
<script>
import {mapGetters} from "vuex"
export default {
    props:{
        nomore:{
            type:Boolean,
            default(){
                return false;
            }
        }
    },
    data () {
        return {
            layer:false,
            img:require('../assets/images/loading.gif'),
        }
    },
    created () {
    },
    methods:{
        open(){
            this.layer = true;
        },
        close(){
            this.layer = false;
        }
    },
    computed: {
        ...mapGetters(["lang"])
    },
}
</script>

<style scoped lang="less">
@import '~link-less';
.body {
    // .display-flex();
    // justify-content: center;
    // align-items: center;
    // position: absolute;
    // width: 90%;
    // background-color: white;
    .loading {
        width: 100%;
        text-align: center;
    }
}
</style >

